<div class="page">
  <div class="page__bd page__bd_spacing">

    <div class="weui-tab">
      <!--<weui-navbar>-->
        <!--<weui-navbar-item>-->
          <!--用户绑定-->
        <!--</weui-navbar-item>-->
      <!--</weui-navbar>-->

      <div class="weui-tab__panel pt-5">
        <weui-items>
          <weui-item>
            <p weui-start weui-content>头像</p>
            <img weui-last style=" width: 50px; height:50px;" src="{{wechatEntity?.wechatUserInfo?.headimgurl}}">
          </weui-item>
          <weui-item>
            <p weui-content>姓名</p>
            <p weui-last>{{wechatEntity?.wechatUserInfo?.nickname}} </p>
          </weui-item>
          <weui-item>
            <p>性别</p>
            <p *ngIf="wechatEntity?.wechatUserInfo?.sex==1" weui-last> 男</p>
            <p *ngIf="wechatEntity?.wechatUserInfo?.sex==2" weui-last> 女</p>
          </weui-item>
        </weui-items>
        <weui-items>
          <weui-item>
            <p weui-content>所在地区</p>
            <p weui-last>
              {{wechatEntity?.wechatUserInfo?.country}}
              {{wechatEntity?.wechatUserInfo?.province}}
            </p>
          </weui-item>
        </weui-items>

        <weui-items baseCls="form">
          <weui-input type="tel" name="tel" placeholder="请输入手机号" maxlength="11" [(ngModel)]="phone" baseCls="vcode" [required]="true">
            <label class="weui-label mb-0" style="width: 75px" >手机号</label>
            <button class="weui-vcode-btn pr-0 pl-2 m-0" weui-last (click)="getSMSCode()" [disabled]="isValid()" [ngClass]="{'button-disabled' : isValid()}">验证码 <span *ngIf="countingDown()">({{countDown}} s)</span></button>
          </weui-input>

          <weui-input name="vcode" placeholder="请输入验证码" [(ngModel)]="smsCode" [required]="true">
            <label class="weui-label mb-0" style="width: 75px" >验证码</label>
          </weui-input>

        </weui-items>


        <div class="weui-btn-area mb-1">
          <a color="primary" weui-button="" (click)="bindWechatUser()" class="weui-btn weui-btn_primary"><span class="text-white">微信绑定</span></a>
        </div>
      </div>

    </div>

  </div>
</div>

<weui-dialog #sendMsg></weui-dialog>
